<template>
  <div class="w-full h-full">
    <order-nav :back="false" @back="$router.push('/wantBuy')" />
    <div class="mt-40">
      <div class="flex justify-center">
        <img class="w-122 h-122" src="~@/assets/image/c2c/Group100.png" alt="">
      </div>
      <div class="flex justify-center flex-col items-center mt-45 font-700 font-56">
        <div>
          <slot name="price"></slot>
        </div>
      </div>
    </div>
    <div class="flex flex-col items-center mt-184">
      <div>
        <van-button class="w-360 h-92 rounded-lg bg-blue" type="info"
          @click="$router.push('/tradeSuccessDetailBuyer')">{{ $t('完成') }}</van-button>
      </div>
      <div class="mt-46 font-32 font-400 text-blue " @click="$router.push('/funds')">{{ $t('查看资产') }}</div>
    </div>
    <!--  <div class="absolute bottom-0 left-0 w-full text-center">-->
    <!--    <van-divider />-->
    <!--    <evaluation class="pb-80">-->
    <!--      <template #desc>-->
    <!--        <slot name="desc"></slot>-->
    <!--      </template>-->
    <!--    </evaluation>-->
    <!--  </div>-->
  </div>
</template>

<script>
import {
  Button,
  Divider,
} from "vant";
import OrderNav from "@/components/order-nav/OrderNav";
import Evaluation from "@/page/c2cOrder/payment/components/Evaluation";
export default {
  name: "TradeSuccess",
  components: {
    [Button.name]: Button,
    [Divider.name]: Divider,
    OrderNav,
    Evaluation,
  }
}
</script>

<style lang="scss" scoped></style>